Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

GLM 5.2 in Claude Code is Blowing My Mind

Use the Zapier MCP server to connect to ...

  2026/07/23

RAG Explained The Most In Demand Pattern in AI Engineering

RAG, or retrieval augmented generation, ...

  2026/07/23

Your AI Agent Is Probably Hackable. Fix It in 30 Minutes

Deploy Hermes securely here: Deploy Ope...

  2026/07/22

Stop Guessing at Prompts Learn How Models Actually Work

Once you understand how large language m...

  2026/07/22

AI-Assisted Development Tutorial – Multi-Agent Coding & Deployment wit

Learn how to use Trae IDE to plan, build...

  2026/07/22

I Wish This Was Better

FREE Pi Cheat Sheet: Tanstack’s newest...

  2026/07/21

Lovable Full Course for Beginners: Build & Deploy a Real App

Create a free Supabase account to use as...

  2026/07/21

Build Your Own AI Agent: From LLM to Production | Edureka

🔥 Integrated MS+PGP Program in Data Scie...

  2026/07/21

Did you know that Dijkstra came up with his famous algorithm in about

It's 1956. Edsgar Dijkstra takes his gir...

  2026/07/21

Your AI Data Science Is Lying to You

Here's how to actually use AI for data s...

  2026/07/21

Firebase Crash Course (Auth & Firestore) #3 - Logging Users In & Out

firebase

In this Firebase Crash Course, you'll le...

  2026/07/21

PyCon JP TV #67: PyCon JP 2026の楽しみ方

Google

PyCon JP Associationが主催するYouTubeライブです。実験...

  2026/07/21

You Can Just Download More Tokens/Sec

Talking DeepSeek DSpark / DeepSeek V4 Fl...

  2026/07/20

Claude Certified Architect - Foundations – Prepare for and pass the ex

The Claude Certified Architect – Foundat...

  2026/07/20

Firebase Crash Course (Auth & Firestore) #2 - Email & Password Authent

firebase

In this Firebase Crash Course, you'll le...

  2026/07/20

Firebase Crash Course (Auth & Firestore) #1 - Intro & Firebase Setup

firebase

In this Firebase Crash Course, you'll le...

  2026/07/20